<%@page import="java.net.URLDecoder"%>
<%@page contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%><!--引入标签库 -->

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>幸福巢公益网站</title>
    <link rel="shortcut icon" href="images/logo.png">
    <script src="js/jquery-1.11.3.min.js"></script>
    <link type="text/css" rel="stylesheet" href="css/indtopfoot.css">
    <link type="text/css" rel="stylesheet" href="css/indexcon.css">
    <script src="js/scroll.js"></script>
    <script src="js/list.js"></script>
    <script type="text/javascript">
        $(document).ready(function(){
            $('.list_lh li:even').addClass('lieven');
        })
        $(function(){
            $("div.list_lh").myScroll({
                speed:40, //数值越大，速度越慢
                rowHeight:68 //li的高度
            });
        });
    </script>
</head>
<body>
        <header>
            <div class="container">
                <div id="logo"><img src="images/logo.png"></div>
                <nav>
                    <ul class="searchul">
                       <c:choose>
				    <c:when test="${volunteer.getVuname() ne null}">
				       <li><a href="login.jsp">${volunteer.getVuname()}</a></li>
				    </c:when>
				    <c:when test="${elder.getVuname() ne null}">
				       <li><a href="login.jsp">${elder.getVuname()}</a></li>
				    </c:when>
				    <c:otherwise>
				        <li><a href="login.jsp">登录</a></li>
				    </c:otherwise>
				</c:choose>
                        <li><a href="register.jsp">注册</a></li>
                    </ul>

                    <ul class="navul">
                        <li class="navli"><a href="index.jsp"><span>首页</span></a></li>
                        <li><a href="health.jsp"><span id="current">健康管家</span></a></li>
                        <li><a href="heart.jsp"><span>心语阁</span></a></li>
                        <li><a href="show.jsp"><span>真善美小屋</span></a></li>
                        <li><a href="my.jsp"><span>个人中心</span></a></li>
                    </ul>
                </nav>
            </div>
        </header>
    <div id="content">
        <!--广告开始-->
        <div id="Adv">
            <!--图片列表-->
            <div class="ImgList" style="background:url('images/adv1.jpg') center"></div>
            <div class="ImgList" style="background:url('images/adv2.jpg') center"></div>
            <div class="ImgList" style="background:url('images/adv3.png') center"></div>
            <div class="ImgList" style="background:url('images/adv4.jpg') center"></div>

            <!--轮播的按扭-->
            <ul class="button">
                <li class="hover"></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
        </div>
        <!--广告结束-->
        <!--内容部分开始-->
        <div class="container">
            <div class="left1">
                <!--滚动内容begin-->
                <div class="bcon">
                    <h1><b>新闻动态更新</b><a href="#">more</a></h1>
                    <!-- 代码开始 -->
                    <div class="list_lh">
                        <ul>
                            <li>
                                <p><a href="#" target="_blank">积分：100</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">湖南衡阳三塘养老院给老人剪头发</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：500</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">蒸湘区区养老院举办一六旬老人大寿</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：120</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">衡阳雁峰区区养老院打扫卫生</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：400</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">石鼓养老院教老人使用电脑</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：500</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">湖南衡阳市珠晖养老院体检一天</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：600</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">体育中心养老院带领老人健身一天</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：700</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">衡阳衡阳衡阳衡阳</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：800</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">湖南湖南湖南湖南湖南</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：900</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">南华南华南华南华南华</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：100</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">啦啦啦啦啦啦啦啦啦啦啦</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：1100</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">哈哈哈哈哈哈哈哈哈哈</a><span>17:28:05</span></p>
                            </li>
                            <li>
                                <p><a href="#" target="_blank">积分：120</a><a href="#" target="_blank" class="btn_lh">匹配</a><em>获得</em></p>
                                <p><a href="#" target="_blank" class="a_blue">嘿嘿嘿嘿嘿嘿嘿嘿嘿嘿</a><span>17:28:05</span></p>
                            </li>
                        </ul>
                    </div>
                    <!-- 代码结束 -->
                </div>
                <!--滚动按扭结束-->
            </div>
            <!--表单开始-->
            <div class="right1">
                <form id="quicksearch" onsubmit="return getVolunteerList()">
                    <p id="p1">选择服务类型</p>
                    <select id="type">
                        <option>医疗保健</option>
                        <option>人文关怀</option>
                        <option>精神文化娱乐</option>
                        <option>生活服务</option>
                    </select>

                    <br><br>
                    <p>选择所在区域</p>
                    <select id="address_big">
                        <option>蒸湘区</option>
                        <option>雁峰区</option>
                        <option>石鼓区</option>
                        <option>珠晖区</option>

                        <option>南岳区</option>
                        <option>衡南县</option>
                        <option>衡阳县</option>
                        <option>衡东县</option>
                        <option>祁东县</option>
                        <option>衡山县</option>
                        <option>耒阳市</option>
                        <option>常宁市</option>
                    </select><br><br>

                    <select id="address_small">
                        <option>蒸湘街道</option>
                        <option>红湘街道</option>
                        <option>联合街道</option>
                        <option>华兴街道</option>
                        <option>长湖乡</option>
                        <option>雨母山乡</option>
                        <option>呆鹰岭</option>
                    </select>
                    <input type="submit" title="搜索" style="cursor: pointer" value="快速匹配">
                </form>
            </div>
            <!--表单结束-->
        </div>
        <div id="info">
            <div class="container1">
                <h2>我们的优势</h2>
                <ul id="whyus">
                    <li>深厚的志愿者基础，人力资源储备足</li>
                    <li>独特的管理模式</li>
                    <li>时间银行理念，互助式服务</li>
                    <li>实行积分综合评价机制，追求效果质量</li>
                    <li>实名制注册，管理组织化，规范化 系统化</li>
                    <li>服务手段信息化</li>
                    <li>人性化服务理念突出</li>
                    <li>打破时空界限，养老服务范围广</li>
                </ul>
                <h2 class="aboutus">关于我们</h2>
                <p>
                   “幸福巢”社会互助养老公益网站是运用“时间银行”理论，完成老人与志愿者之间服务供需匹配、志愿者存取服务的公益型网站。本网站运用的时间银行理论，指志愿者为需要帮助的老人提供志愿服务，积累服务积分，待自己需要服务时，可换算成相应时数的服务。本网站以“六个老有”为目标，追求社会效益最大化，是不以盈利为目的的社会公益性网站。
                </p>
            </div>
        </div>
        <!--内容部分结束-->
    </div>
    <footer>
        <div class="container">
            <ul id="links">
                <li><a href="">中国青年志愿者网</a></li>
                <li><a href="">中国青年志愿者协会</a></li>
                <li><a href="">中国志愿服务联合会</a></li>
                <li><a href="">志愿北京</a></li>
                <li><a href="">腾讯公益</a></li>
                <li><a href="">搜狐公益</a></li>
                <li><a href="">网易公益</a></li>
            </ul><br>
            <p>Copyright &copy;“幸福巢”社会互助养老公益网</p>
            <div id="contact">
                <h3>联系我们</h3>
                <p>游女士：Tel：18216018060   邮箱：1007420955@qq.com   <br> 曾女士：Tel:15570904369   邮箱:594185294@qq.com     <br>地址:湖南省衡阳市蒸湘区常胜西路28号南华大学护理学院</p>
            </div>
        </div>
    </footer>
    <script src="js/index.js"></script>

</body>
</html>